<!DOCTYPE html>
<html lang="zh">

<head>
    <link rel="apple-touch-icon" href="https://wxyhgk.gitee.io/daohang/assets/images/logos/bokelogo.png">
    <script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" >
    </script>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-8550836177608334",
        enable_page_level_ads: true
    });
    </script>
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?c05bb16ea908292af9f6c513087a1cc3";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="viggo" />
    <title>我心永恒的小站 - 我的导航</title>
    <meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
    <meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
    <link rel="shortcut icon" href="../assets/images/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../assets/css/bootstrap.css">
    <link rel="stylesheet" href="../assets/css/xenon-core.css">
    <link rel="stylesheet" href="../assets/css/xenon-components.css">
    <link rel="stylesheet" href="../assets/css/xenon-skins.css">
    <link rel="stylesheet" href="../assets/css/nav.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- / FB Open Graph -->
    <meta property="og:type" content="article">
    <meta property="og:url" content="http://www.webstack.cc/">
    <meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
    <meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
    <meta property="og:image" content="http://webstack.cc/assets/images/webstack_banner_cn.png">
    <meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
    <!-- / Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
    <meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
    <meta name="twitter:image" content="http://www.webstack.cc/assets/images/webstack_banner_cn.png">
</head>

<body class="page-body">
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed collapsed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo">
                        <a href="index.html" class="logo-expanded">
                            <img src="../assets/images/logoo.svg" width="100%" alt="" />
                        </a>
                        <a href="index.html" class="logo-collapsed">
                            <img src="../assets/images/slogo.svg" width="45" alt="" />
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="user-info-menu">
                            <i class="linecons-cog"></i>
                        </a>
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <!--个人相关-->
                    <li>
                        <a href="#个人相关" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">个人相关</span>
                        </a>
                    </li>
                    <!--End 个人相关-->
                    <!--我的网站-->
                    <li>
                        <a>
                            <i class="linecons-lightbulb"></i>
                            <span class="title">相关平台</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#写作平台" class="smooth">
                                    <span class="title">写作平台</span>
                                </a>
                            </li>
                            <li>
                                <a href="#资源下载" class="smooth">
                                    <span class="title">资源下载</span>
                                </a>
                            </li>
                            <li>
                                <a href="#代码托管平台" class="smooth">
                                    <span class="title">代码托管平台</span>
                                </a>
                            </li>
                            <li>
                                <a href="#Office" class="smooth">
                                    <span class="title">Office</span>
                                </a>
                            </li>
                            <li>
                                <a href="#域名and服务器" class="smooth">
                                    <span class="title">域名and服务器</span>
                                </a>
                            </li>
                            <li>
                                <a href="#我的软件" class="smooth">
                                    <span class="title"> 相关软件</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!--End我的网站-->
                    <!--资源网站-->
                     <li>
                        <a>
                            <i class="linecons-thumbs-up"></i>
                            <span class="title">资源网站</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#电子书and文献" class="smooth">
                                    <span class="title">电子书and文献</span>
                                </a>
                            </li>
                            <li>
                                <a href="#在线运行网站" class="smooth">
                                    <span class="title">在线运行网站</span>
                                </a>
                            </li>
                            <li>
                                <a href="#HiFi" class="smooth">
                                    <span class="title">HiFi</span>
                                </a>
                            </li>
                            <li>
                                <a href="#图片and图标" class="smooth">
                                    <span class="title"> 图片and图标</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <!--End 资源网站-->>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <nav class="navbar user-info-navbar" role="navigation">
                <!-- User Info, Notifications and Menu Bar -->
                <!-- Left links for user info navbar -->
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="#" data-toggle="sidebar">
                            <i class="fa-bars"></i>
                        </a>
                    </li>
                    <li class="dropdown hover-line language-switcher">
                        <a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
                        </a>
                        <ul class="dropdown-menu languages">
                            <li>
                                <a href="../en/index.html">
                                    <img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
                                </a>
                            </li>
                            <li class="active">
                                <a href="../cn/index.html">
                                    <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="user-info-menu right-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank">
                            <i class="fa-github"></i>  GitHub
                        </a>
                    </li>
                </ul>
                <!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->

            </nav>
            <!-- 个人相关 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="个人相关"></i>个人相关</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://106.52.106.45:26515', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://106.52.106.45:26515">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/nas.jpg" class="lozad img-circle" width="45">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我的群晖nas</strong>
                                </a>
                                <p class="overflowClip_2">nas.wxyhgk.com</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pan.wxyhgk.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pan.wxyhgk.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/onedrive.svg" class="lozad img-circle" width="45">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>个人网盘</strong>
                                </a>
                                <p class="overflowClip_2">OneDrive搭建的网盘</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://106.52.106.45:8083', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://106.52.106.45:8083">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/calibre.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我的图书馆</strong>
                                </a>
                                <p class="overflowClip_2">books.wxyhgk.com</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://106.52.106.45:12345/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://106.52.106.45:12345/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/kdy.jpg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>可道云</strong>
                                </a>
                                <p class="overflowClip_2">kdy.wxyhgk.com</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://106.52.106.45:264', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://106.52.106.45:264">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/hires.jpg" class="lozad img-circle" width="45">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我的在线音乐</strong>
                                </a>
                                <p class="overflowClip_2">http://106.52.106.45:264</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://latex.wxyhgk.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://latex.wxyhgk.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/overleaf.png" class="lozad img-circle" width="45">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我的在线latex</strong>
                                </a>
                                <p class="overflowClip_2">http://106.52.106.45:7777</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://106.52.106.45:3333/photo', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://106.52.106.45:3333/photo">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/photostation.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我的photostation</strong>
                                </a>
                                <p class="overflowClip_2">http://106.52.106.45:3333/photo</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://wxyhgk.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://wxyhgk.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/bokelogo.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我的wordpresss</strong>
                                </a>
                                <p class="overflowClip_2">wordpress</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://2dland.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://2dland.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/6pan.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>6盘</strong>
                                </a>
                                <p class="overflowClip_2">6T不限速</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://pan-yz.chaoxing.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://pan-yz.chaoxing.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/chaoxin.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>超星网盘</strong>
                                </a>
                                <p class="overflowClip_2">100g不限速</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.aliyundrive.com/drive', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aliyundrive.com/drive">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/aly.svg" class="lozad img-circle" width="45">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我的阿里网盘</strong>
                                </a>
                                <p class="overflowClip_2">最新出的，还不错</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gdindex.2651577504.workers.dev/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gdindex.2651577504.workers.dev/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/google-drive.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>谷歌网盘</strong>
                                </a>
                                <p class="overflowClip_2">已经自动部署为gdindex</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!-- END 个人相关 --> 
            <!--=================================================================================-->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="写作平台"></i>写作平台</h4>
            <div class="row">
                  <div class="col-sm-3">
                      <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yuque.com/wxyh/blog', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yuque.com/wxyh/blog">
                          <div class="xe-comment-entry">
                              <a class="xe-user-img">
                                <img data-src="../assets/images/logos/yuque.png" class="lozad img-circle" width="45">
                              </a>
                              <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                              <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>语雀</strong>
                                </a>
                                <p class="overflowClip_2">知识管理平台</p>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-sm-3">
                      <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mp.weixin.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mp.weixin.qq.com/">
                          <div class="xe-comment-entry">
                              <a class="xe-user-img">
                                  <img data-src="../assets/images/logos/gzh.png" class="lozad img-circle" width="45">
                              </a>
                              <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                              <div class="xe-comment">
                                  <a href="#" class="xe-user-name overflowClip_1">
                                      <strong>微信公众号平台</strong>
                                  </a>
                                  <p class="overflowClip_2">写公众号文章</p>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-sm-3">
                      <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.mdnice.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.mdnice.com/">
                          <div class="xe-comment-entry">
                              <a class="xe-user-img">
                                  <img data-src="https://files.mdnice.com/logo.svg" class="lozad img-circle" width="45">
                              </a>
                              <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                              <div class="xe-comment">
                                  <a href="#" class="xe-user-name overflowClip_1">
                                      <strong>微信公众号排版</strong>
                                  </a>
                                  <p class="overflowClip_2">排版微信公众号文章</p>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="col-sm-3">
                      <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ty.wxyhgk.xyz/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ty.wxyhgk.xyz/">
                          <div class="xe-comment-entry">
                              <a class="xe-user-img">
                                <img data-src="../assets/images/logos/pojie.svg" class="lozad img-circle" width="45">
                              </a>
                              <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                              <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Typecho</strong>
                                </a>
                                <p class="overflowClip_2">备用博客</p>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <br/>  
              <!--End 资源下载-->
                       <!--资源下载-->
          <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="资源下载"></i>资源下载</h4>
          <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zdfans.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zdfans.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/z.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>zd423</strong>
                              </a>
                              <p class="overflowClip_2">软件超多</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.iizhi.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iizhi.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/bfp.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>毕方铺</strong>
                                </a>
                                <p class="overflowClip_2">网盘资源一网打尽</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://masuit.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://masuit.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/bzm.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>不知名字的厉害网站</strong>
                                </a>
                                <p class="overflowClip_2">资源很多，站长很良心</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://qtrj.ys168.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://qtrj.ys168.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/pojie.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>破解版软件</strong>
                              </a>
                              <p class="overflowClip_2">很多资源的网站，分享各类软件</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br/>  
            <!--End 资源下载-->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="电子书and文献"></i>电子书and文献</h4>
          <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.jiumodiary.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.jiumodiary.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/eleps.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>鸠摩搜书</strong>
                              </a>
                              <p class="overflowClip_2">书籍全面，国内最舒服的！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://shuxiangjia.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://shuxiangjia.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/book.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>电子书导航网站</strong>
                              </a>
                              <p class="overflowClip_2">电子书导航网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://gen.lib.rus.ec/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://gen.lib.rus.ec/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/library.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>Library Genesis</strong>
                              </a>
                              <p class="overflowClip_2">世界上最屌的电子书网站，没人反对吧！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.gxlib.org.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.gxlib.org.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/gxzz.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>广西壮族自治区</strong>
                              </a>
                              <p class="overflowClip_2">注册即可免费下载知网，维普，万方文献</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br/>  
            <!-- 代码托管平台 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="代码托管平台"></i>代码托管平台</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/wxyhgk', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/wxyhgk">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/Github.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Github</strong>
                                </a>
                                <p class="overflowClip_2">这个不用解释</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gitee.com/wxyhgk/wxyhgk', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gitee.com/wxyhgk/wxyhgk">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/gitee.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>码云</strong>
                                </a>
                                <p class="overflowClip_2">速度国内最快</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://coding.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://coding.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="../assets/images/logos/coding.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Coding</strong>
                                </a>
                                <p class="overflowClip_2">感觉没有码云好。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--End 代码托管平台-->
            <!--Ofiice-->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Office"></i>Office</h4>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://portal.partner.microsoftonline.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://portal.partner.microsoftonline.cn/">
                            <div class="xe-comment-entry">
                                <a class="xe-user-img">
                                        <img data-src="../assets/images/logos/Microsoft Office.svg" class="lozad img-circle" width="45">
                                </a>
                                <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                                <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                        <strong>世纪互联office</strong>
                                    </a>
                                    <p class="overflowClip_2">世纪互联代理的office</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.office.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.office.com/">
                                <div class="xe-comment-entry">
                                        <a class="xe-user-img">
                                            <img data-src="../assets/images/logos/Microsoft Office.svg" class="lozad img-circle" width="45">
                                        </a>
                                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                                        <div class="xe-comment">
                                            <a href="#" class="xe-user-name overflowClip_1">
                                                <strong>office</strong>
                                            </a>
                                            <p class="overflowClip_2">国际版office</p>
                                        </div>
                                </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://developer.microsoft.com/zh-cn/office/profile', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://developer.microsoft.com/zh-cn/office/profile">
                                <div class="xe-comment-entry">
                                        <a class="xe-user-img">
                                            <img data-src="../assets/images/logos/Microsoft.svg" class="lozad img-circle" width="45">
                                        </a>
                                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                                        <div class="xe-comment">
                                            <a href="#" class="xe-user-name overflowClip_1">
                                                <strong>Ofiice开发人员中心</strong>
                                            </a>
                                            <p class="overflowClip_2">查看E5的天数</p>
                                        </div>
                                </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://portal.office.com/AdminPortal/Home', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://portal.office.com/AdminPortal/Home">
                                <div class="xe-comment-entry">
                                        <a class="xe-user-img">
                                            <img data-src="../assets/images/logos/Microsoft.svg" class="lozad img-circle" width="45">
                                        </a>
                                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                                        <div class="xe-comment">
                                            <a href="#" class="xe-user-name overflowClip_1">
                                                <strong>E5管理中心</strong>
                                            </a>
                                            <p class="overflowClip_2">管理E5账号，以及分配子账号</p>
                                        </div>
                                </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://azure.microsoft.com/zh-cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://azure.microsoft.com/zh-cn/">
                                <div class="xe-comment-entry">
                                        <a class="xe-user-img">
                                            <img data-src="../assets/images/logos/azure.svg" class="lozad img-circle" width="45">
                                        </a>
                                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                                        <div class="xe-comment">
                                            <a href="#" class="xe-user-name overflowClip_1">
                                                <strong>国际版Azure管理</strong>
                                            </a>
                                            <p class="overflowClip_2">分配api等操作</p>
                                        </div>
                                </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://portal.azure.cn/#blade/Microsoft_AAD_RegisteredApps/ApplicationsListBlade', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://portal.azure.cn/#blade/Microsoft_AAD_RegisteredApps/ApplicationsListBlade">
                                <div class="xe-comment-entry">
                                        <a class="xe-user-img">
                                            <img data-src="../assets/images/logos/azure.svg" class="lozad img-circle" width="45">
                                        </a>
                                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                                        <div class="xe-comment">
                                            <a href="#" class="xe-user-name overflowClip_1">
                                                <strong>世纪互联Azure管理</strong>
                                            </a>
                                            <p class="overflowClip_2">分配api等操作</p>
                                        </div>
                                </div>
                        </div>
                    </div>
                    <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://e5.qyi.io/user/home', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://e5.qyi.io/user/home">
                                <div class="xe-comment-entry">
                                        <a class="xe-user-img">
                                            <img data-src="../assets/images/logos/dy.svg" class="lozad img-circle" width="45">
                                        </a>
                                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                                        <div class="xe-comment">
                                            <a href="#" class="xe-user-name overflowClip_1">
                                                <strong>E5续订程序</strong>
                                            </a>
                                            <p class="overflowClip_2">查看当前api调用情况</p>
                                        </div>
                                </div>
                        </div>
                    </div>
                     <div class="col-sm-3">
                        <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://app.mover.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://app.mover.io/">
                                <div class="xe-comment-entry">
                                        <a class="xe-user-img">
                                            <img data-src="../assets/images/logos/mover.png" class="lozad img-circle" width="45">
                                        </a>
                                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                                        <div class="xe-comment">
                                            <a href="#" class="xe-user-name overflowClip_1">
                                                <strong>Mover</strong>
                                            </a>
                                            <p class="overflowClip_2">可以转移OneDrive的文件，但是不支持世纪互联的</p>
                                        </div>
                                </div>
                        </div>
                    </div>
                </div>
            <br/>  
            <!--End Ofiice--> 
        <!--域名&&服务器-->
        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="域名and服务器"></i>域名and服务器</h4>
        <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cloud.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cloud.tencent.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                          <img data-src="../assets/images/logos/txy.svg" class="lozad img-circle" width="45">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                          <a href="#" class="xe-user-name overflowClip_1">
                              <strong>腾讯云</strong>
                          </a>
                          <p class="overflowClip_2">腾讯出品</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.aliyun.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aliyun.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                          <img data-src="../assets/images/logos/aly.svg" class="lozad img-circle" width="45">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                          <a href="#" class="xe-user-name overflowClip_1">
                              <strong>阿里云</strong>
                          </a>
                          <p class="overflowClip_2">阿里出品</p>
                        </div>
                    </div>
                </div>
            </div>
              <div class="col-sm-3">
                  <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.west.cn/manager/domain/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.west.cn/manager/domain/">
                      <div class="xe-comment-entry">
                          <a class="xe-user-img">
                            <img data-src="../assets/images/logos/xbsm.svg" class="lozad img-circle" width="45">
                          </a>
                          <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                          <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>西部数码</strong>
                            </a>
                            <p class="overflowClip_2">西部数码域名管理中心</p>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.natfrp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.natfrp.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                          <img data-src="../assets/images/logos/sakura-flower.svg" class="lozad img-circle" width="45">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                          <a href="#" class="xe-user-name overflowClip_1">
                              <strong>SAKURA FRP</strong>
                          </a>
                          <p class="overflowClip_2">免费的内网穿透服务，轻松在自家电脑搭建网站</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br/>  
          <!--End 域名&&服务器-->      
          <!--各种软件-->
          <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="我的软件"></i>我的软件</h4>
          <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wolfram.com/mathematica/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wolfram.com/mathematica/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/mathematica.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>Mathematica官网</strong>
                              </a>
                              <p class="overflowClip_2">Mathematicar软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.maplesoft.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.maplesoft.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/maple.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>Maple官网</strong>
                              </a>
                              <p class="overflowClip_2">Maple软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.latex-project.org/get/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.latex-project.org/get/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/latexlogo.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>Latex官网</strong>
                              </a>
                              <p class="overflowClip_2">Latex软件</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br/>  
            <!--End 我的软件-->
            <!--资源网站-->
            <!--End 资源网站-->
            <!--在线运行网站-->
          <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线运行网站"></i>在线运行网站</h4>
          <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tio.run/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tio.run/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/pio.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>Pio</strong>
                              </a>
                              <p class="overflowClip_2">在线的多种语言运行网站。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.latexlive.com/##', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.latexlive.com/##">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/latex.jpg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>latex编辑器</strong>
                              </a>
                              <p class="overflowClip_2">在线的latex编辑器。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://uzer.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://uzer.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/uzerme.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>uzer.me</strong>
                              </a>
                              <p class="overflowClip_2">提供matlab，ps，xmind等多种在线运行。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yikm.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yikm.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/fc.jpg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>小霸王游戏机</strong>
                              </a>
                              <p class="overflowClip_2">可以在线运行Fc等游戏</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.2651577504.workers.dev/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.2651577504.workers.dev/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/google.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>在线翻墙</strong>
                              </a>
                              <p class="overflowClip_2">可以访问外网</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br/>  
            <!--End 在线运行网站-->
            <!--Hifi-->
          <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="HiFi"></i>HiFi</h4>
          <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://hi-resmusic.sonyselect.kuke.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://hi-resmusic.sonyselect.kuke.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/snjx.png" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>索尼精选</strong>
                              </a>
                              <p class="overflowClip_2">不是QQ音乐，网易云那种假无损可以比的！</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br/>  
            <!--End HiFi-->
         <!--图片&&图标-->
          <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图片and图标"></i>图片and图标</h4>
          <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gracg.com/index.php', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gracg.com/index.php">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/tuya.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>涂鸦王国</strong>
                              </a>
                              <p class="overflowClip_2">太多好看的图片了！</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.iconfont.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iconfont.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                              <img data-src="../assets/images/logos/iconfont.svg" class="lozad img-circle" width="45">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                              <a href="#" class="xe-user-name overflowClip_1">
                                  <strong>阿里图标</strong>
                              </a>
                              <p class="overflowClip_2">阿里巴巴的图标，还是很方便的</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br/>  
            <!--End 图片&&图标-->
            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <div class="footer-text">
                        &copy; 2017-2020
                        <a href="../cn/about.html"><strong>WebStack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
                        <!--  - Purchase for only <strong>23$</strong> -->
                    </div>
                    <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                    <div class="go-up">
                        <a href="#" rel="go-top">
                            <i class="fa-angle-up"></i>
                        </a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
    $(document).ready(function() {
         //img lazy loaded
         const observer = lozad();
         observer.observe();

        $(document).on('click', '.has-sub', function(){
            var _this = $(this)
            if(!$(this).hasClass('expanded')) {
               setTimeout(function(){
                    _this.find('ul').attr("style","")
               }, 300);
              
            } else {
                $('.has-sub ul').each(function(id,ele){
                    var _that = $(this)
                    if(_this.find('ul')[0] != ele) {
                        setTimeout(function(){
                            _that.attr("style","")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-sm').click(function(){
            if($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style","")
            } else {
                $('.has-sub.expanded > ul').show()
            }
        })
        $("#main-menu li ul li").click(function() {
            $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
            $(this).addClass('active'); // 添加当前元素的样式
        });
        $("a.smooth").click(function(ev) {
            ev.preventDefault();

            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 30
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function(e) {
        $("#main-menu li").each(function() {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        e.preventDefault();
        href = $(this).attr("href");
        pos = $(href).position().top - 30;
    });
    </script>
    <!-- Bottom Scripts -->
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="../assets/js/TweenMax.min.js"></script>
    <script src="../assets/js/resizeable.js"></script>
    <script src="../assets/js/joinable.js"></script>
    <script src="../assets/js/xenon-api.js"></script>
    <script src="../assets/js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="../assets/js/xenon-custom.js"></script>
    <script src="../assets/js/lozad.js"></script>
</body>

</html>
